<template>
  <div id="container"></div>
</template>

<script>
export default {
  mounted() {
    var map = new BMapGL.Map("container");
    // 创建地图实例
    var point = new BMapGL.Point(106.530244, 29.595553);
    // 把point表示的坐标点作为地图中心，默认缩放级别为15，之后显示地图
    map.centerAndZoom(point, 18);
    // 启用滚轮缩放
    map.enableScrollWheelZoom();
  }
};
</script>

<style scoped>
#container {
  width: 100%;
  height: 300px;
}
</style>